<!DOCTYPE html>
<html>
<head>
    <title>车流量每日信息</title>
		<#include "/header.html">
</head>
<link rel="stylesheet" href="../../statics/plugins/layui2.5.6/css/layui.css">
<body>
<div id="rrapp" v-cloak >
    <div v-show="showList" style="width: 60%;float: left">
        <div class="grid-btn" >
            <div class="form-group " style="width: 15%;float: left;margin-left: 5px">
                <input   type="text"  class="form-control" id="beginTime" placeholder="开始时间">
            </div>
            <div class="form-group " style="width: 15%;float: left;margin-left: 5px">
                <input   type="text"  class="form-control" id="endTime"placeholder="结束时间">
            </div>
            <div class="form-group " style="width: 10%;float: left;margin-left: 5px">
                <input type="text"  class="form-control" id="plateNo" @keyup.enter="query" placeholder="车牌号">
            </div>
            <div class="form-group " style="width: 10%;float: left;margin-left: 5px">
                <select  class="form-control"  id="monitoringId">
                    <option value="">卡口</option>
                    <option value="bdd66d783a974b0a9920890e9958d503">南区入口</option>
                    <option value="8827c5b9737648e0911f25cc646034b5">北区入口</option>
                    <option value="b20934b644394cf19c72f7b7d97c67aa">南区出口</option>
                    <option value="023e9ef9081b46478bb1215949f04dfc">北区出口</option>
                </select>
            </div>
            <div class="form-group " style="width: 10%;float: left;margin-left: 5px;margin-right: 5px">
                <select class="form-control" id="vehicleType">
                    <option value="">车辆类型</option>
                    <option value="大型客车">大型客车</option>
                    <option value="货车">货车</option>
                    <option value="轿车">轿车</option>
                    <option value="面包车">面包车</option>
                    <option value="小货车">小货车</option>
                    <option value="行人">行人</option>
                    <option value="二轮车">二轮车</option>
                    <option value="三轮车">三轮车</option>
                    <option value="SUV/MPV">SUV/MPV</option>
                    <option value="中型客车">中型客车</option>
                    <option value="机动车">机动车</option>
                    <option value="非机动车">非机动车</option>
                    <option value="小型轿车">小型轿车</option>
                    <option value="微型轿车">微型轿车</option>
                    <option value="皮卡车">皮卡车</option>
                    <option value="未知">未知</option>
                </select>
            </div>
            <a  class="btn btn-default" @click="query">查询</a>

            <#if shiro.hasPermission("cll:cllvehiclerecord:delete")>
            <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
            </#if>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>
    <div style="width:39%;float: left">
        <img id="catPic" src="" style="width: 100%">
        <img id="platePic" src="" style="width: 25%">
    </div>
   <!-- <div style="width:150px;height:50px;border: 1px solid red;float: left" >

    </div>-->
    </div>
</div>
<script src="../../statics/plugins/layui2.5.6/layui.js"></script>
<script src="${request.contextPath}/statics/js/modules/cll/cllvehiclerecord.js?_${.now?long}"></script>
<script>
    layui.use('laydate', function() {
        var laydate = layui.laydate;
        //日期时间选择器
        laydate.render({
            elem: '#beginTime'
            ,type: 'datetime'
        });
        laydate.render({
            elem: '#endTime'
            ,type: 'datetime'
        });
    });

    $(function(){
        var heig = $('.larry-iframe', parent.document).css("height");
        heig = heig.substring(0,heig.length-2);
        $("#gbox_jqGrid").css("height",(Number(heig)-65)+"px");
        $("#gview_jqGrid").css("height",(Number(heig)-105)+"px");
        $(".ui-jqgrid-bdiv").css("height",(Number(heig)-145)+"px");
    });
</script>
</body>
</html>